rotateX()
Rotira element oko X osi.
3D
Što je 3D transform?
CSS svojstvo transform može pomicati i rotirati elemente u trodimenzionalnom prostoru (po X, Y i Z osi). Da bi 3D efekt izgledao realistično, roditeljski element mora imati definirano svojstvo perspective. Ono stvara iluziju dubine.
transform: rotateY(45deg) translateZ(50px);
rotateY()
Rotira element oko Y osi.
3D
rotateZ()
Rotira element oko Z osi.
3D
translateZ()
Pomiče element po Z osi.
3D
rotate3d()
Rotacija po 3D vektoru.
3D
kombinacija
Više 3D transformacija zajedno.
3D
perspective-origin
Ista rotacija izgleda potpuno drugačije ovisno o ishodištu perspektive.
Bez perspektive
3D
Ishodište: gore
3D
Ishodište: dolje
3D